import React, { Component } from 'react';
import Header from './common/header';
import { Route, BrowserRouter } from 'react-router-dom'
import store from './store';
import Home from './page/home';
import Detail from './page/detail';
import Animation from './page/animation';
import { Provider } from 'react-redux'

class App extends Component {
  render() {
    return (
      <Provider store={store}>
        <div>
          <BrowserRouter>
            <div>
              <Header />
              <Route path='/' exact component={Home}></Route>
              <Route path='/detail/:id' component={Detail}></Route>
              <Route path='/animation' component={Animation}></Route>
            </div>
          </BrowserRouter>
        </div>
      </Provider>
    );
  }
}

export default App;
